<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ include file="../common/header.jsp"%>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=${AK}"></script>
<style>
    <%--百度地图取消显示logo--%>
    .BMap_cpyCtrl {display: none;}
    .anchorBL {display: none;}
    <%--信息样式--%>
    .kv-item label {width: 110px}
    .kv-item-content {line-height: 30px;border-bottom: 1px solid rgba(128,128,128,0.6);max-width: calc(90%)}
    .buttons .layui-btn{margin-bottom: 25px}
    .subfiled h2{cursor: pointer}
</style>

<div id="saper-container">
    <div id="saper-bd">
        <div class="subfiled clearfix">
            <h2>${titleName}</h2>
        </div>
        <div class="subfiled-content">
            <div class="saper-form">
                <div class="kv-item clearfix">
                    <label>事件编号：</label>
                    <div class="kv-item-content">${reportFormat.ctReport.id}</div>
                </div>
                <div class="kv-item clearfix">
                    <label>事件名：</label>
                    <div class="kv-item-content">${reportFormat.ctReport.title}</div>
                </div>
                <div class="kv-item clearfix">
                    <label>事件大类：</label>
                    <div class="kv-item-content">${reportFormat.typeBigName}</div>
                </div>
                <div class="kv-item clearfix">
                    <label>事件小类：</label>
                    <div class="kv-item-content">${reportFormat.typeSmallName}</div>
                </div>
                <div class="kv-item clearfix">
                    <label>事件描述：</label>
                    <div class="kv-item-content">
                        ${reportFormat.ctReport.content}
                    </div>
                </div>
                <div class="kv-item clearfix">
                    <label>事件地点：</label>
                    <div class="kv-item-content">${reportFormat.ctReport.province}&nbsp;${reportFormat.ctReport.city}&nbsp;${reportFormat.ctReport.county}
                        &nbsp;${reportFormat.townName}&nbsp;${reportFormat.villageName}&nbsp;${reportFormat.ctReport.address}</div>
                </div>
                <div class="kv-item clearfix">
                    <label>gis显示：</label>
                    <div class="kv-item-content" style="border: none">
                        <div id="mapContainer" gis-lng="${reportFormat.ctReport.lng}" gis-lat="${reportFormat.ctReport.lat}" style="width: 600px;height: 400px;margin-top: 10px;"></div>
                        <div id="searchResultPanel" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div>
                    </div>
                </div>
                <div class="kv-item clearfix">
                    <label>上报类别：</label>
                    <div class="kv-item-content">${reportFormat.categoryName}</div>
                </div>
                <div class="kv-item clearfix">
                    <label>上报人：</label>
                    <div class="kv-item-content">王宇</div>
                </div>
                <div class="kv-item clearfix">
                    <label>上报时间：</label>
                    <div class="kv-item-content">${reportFormat.createTimeName}</div>
                </div>
                <div class="kv-item clearfix">
                    <label>截止日期：</label>
                    <div class="kv-item-content">2018-7-18 10:20:33</div>
                </div>
                <div class="kv-item clearfix">
                    <label>当前状态：</label>
                    <div class="kv-item-content">${reportFormat.scheduleName}</div>
                </div>
                <div class="buttons" style="margin-bottom: 15px">正在由<span class="color-yellow">${reportFormat.branchName}</span>处置</div>
            </div>
        </div>
    </div>
    <div id="saper-ft">
        <button></button>
    </div>
</div>
<%@ include file="../common/footer.jsp"%>

<script type="text/javascript">

    //创建地图
    var map = new BMap.Map("mapContainer",{
        minZoom : 11
    });

    // 创建地图实例
    var point = new BMap.Point(105.249268,28.304625);   // 创建点坐标
    map.centerAndZoom(point, 18);                       // 设置缩放度
    map.clearOverlays();                                // 清除地图上所有覆盖物
    map.addOverlay(new BMap.Marker(point));             // 添加标注


</script>
